<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<!--1.选择所有类名为box的<div>元素后面紧跟的<span>元素，并给它们设置背景颜色为黄色。
		2.选择所有类名为box的<div>元素后面所有的<p>元素（无论它们之间有多少其他类型的兄弟元素），并给它们设置字体颜色为绿色。
		3.选择所有类名为highlight的<div>元素后面紧跟的兄弟元素（无论类型），并给它们设置边框为2像素的虚线，颜色为红色。（提示：border: 2px dashed red;）
		4.选择所有类名为box的<div>元素后面紧跟的第一个<div>元素（如果存在），并给它们设置边框为1像素的实线，颜色为蓝色。 -->
		
	<style>
		/* 第一题 */
		.box+span {
			background-color: yellow;
		}

		/* 第二题 */
		.box~p {
			color: green;
		}

		/* 第三题 */
		.highlight+* {
			border: 2px dashed red;
		}

		/* 第四题 */
		.box+div {
			border: 1px solid blue;
		}
	</style>
</head>

<body>
	<div class="box-container">
		<div class="box">盒子1</div>
		<div class="box">盒子2</div>
		<span>文本节点1</span>
		<div class="box">盒子3</div>
		<p>段落1</p>
		<div class="highlight">高亮盒子</div>
		<p>段落2</p>
		<div class="box">盒子4</div>
		<span>文本节点2</span>
	</div>
</body>

</html>